<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/product.css" />
	</head>

	<body>
		<div id="web">
			<!--头部 宽995 高134-->
			<header>
				<div class="top">
					<div class="main">
						<span>全国热线：888888888</span>
						<div class="link fr">
							<a href="index.html">设置首页</a>
							<a href="xiangxi.html">添加收藏</a>
						</div>
					</div>
				</div>
				<nav>
					<div class="logo fl">
						<img src="img/logo.jpg" />
					</div>
					<ul class="fr clearfix">
						<li >
							<a href="">
								<p>首页</p>
								<p>Home</p>
							</a>
						</li>
						<li>
							<a href="">
								<p>关于我们</p>
								<p>About</p>
							</a>
						</li>
						<li>
							<a href="">
								<p>产品中心</p>
								<p>Products</p>
							</a>
						</li>
						<li>
							<a href="">
								<p>服务支持</p>
								<p>Service</p>
							</a>
						</li>
						<li>
							<a href="">
								<p>新闻中心</p>
								<p>News</p>
							</a>
						</li>
						<li>
							<a href="">
								<p>在线商店</p>
								<p>Shop</p>
							</a>
						</li>
						<li>
							<a href="">
								<p>联系我们</p>
								<p>Contact Us</p>
							</a>
						</li>
					</ul>

				</nav>

			</header>
			
			
		
			<div class="lb">
					<img src="img/产品_02.png"/>
				</div>
			
			<div class="carou">				
				<div class=" greater">
					<a href="">首页&nbsp;</a>&gt;&nbsp;<a href="">新品发布</a>
				</div>
				
				
				
				<!--高清-->
				<div class="series">
					<div class="high">					
						<p><span>百万高清系列</span></p>
						<img src="img/gaoqing_11.jpg" alt=""/>
					</div>
					
					<div class="standard ">
					<p>标清系列</p>
					</div>
					
					
					<div class="outdoor ">
					<p>户外防水系列</p>
					</div>
					
					<div class="indoor ">
					<p>室内系列</p>
					</div>
					
					
				</div>
				<div class="input fr">
					<input type="text" placeholder="搜索产品">
					<div class="magnifier"><img src="img/放大镜_39.png"></div>
				</div>
				
				
				
				<!--9件商品-->
				<div class="tupian">
				<div class="items">
				<ul class="ul clearfix">
					<li>
						<div>
							<img src="img/tu1_03.jpg" alt="" />
						</div>
						<p>S6202Y-WR</p>
						<p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
					</li>
					<li>
						<div>
							<img src="img/tu2_05.jpg" alt="" />
						</div>
						<p>S6223Y-WR</p>
						<p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
					</li>
					<li>
						<div>
							<img src="img/tu3_07.jpg" alt="" />
						</div>
						<p>S6208Y-WR</p>
						<p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
					</li>
					<li>
						<div>
							<img src="img/tu4_12.jpg" alt="" />
						</div>
						<p>S6211Y-WR</p>
						<p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
					</li>
					<li>
						<div>
							<img src="img/tu5_13.jpg" alt="" />
						</div>
						<p>S6262Y-WR</p>
						<p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
					</li>
					<li>
						<div>
							<img src="img/tu6_16.jpg" alt="" />
						</div>
						<p>S6256Y-WR</p>
						<p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
					</li>
					<li>
						<div>
							<img src="img/tu7_21.jpg" alt="" />
						</div>
						<p>S6202Y-WR</p>
						<p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
					</li>
					<li>
						<div>
							<img src="img/tu8_24.jpg" alt="" />
						</div>
						<p>S6202Y-WR</p>
						<p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
					</li>
					<li>
						<div>
							<img src="img/tu9_26.jpg"" />
						</div>
						<p>S6202Y-WR</p>
						<p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
					</li>
				</ul>
			</div>
			
			<!--翻页部分-->
			<div class="page clearfix">
			<div class="flip">
				<div class="flip1 clearfix">
					<input class="fl" type="button" value="上一页" />
					<input class="fr" type="button" value="下一页" />
					<ul class="fl clearfix">
						<li class="active">1</li>
						<li>2</li>
						<li>3</li>
						<li>4</li>
						<li>5</li>
						<li>6</li>
					</ul>
				</div>
			</div>
			</div>
			</div>
				<!--关于我们-->
			
</div>
</div>
		<footer>
				<div class="footer-nav">
					<div class="call">
						<div>
							<span>关注我们:</span>
							<img src="img/QQ.png"  />
						</div>                
						<ul class="clearfix">
							<li><a href="">网站首页</a></li>
							<li><a href="">新闻动态</a></li>
							<li><a href="">关于我们</a></li>
							<li><a href="">团队风采</a></li>
							<li><a href="">联系我们</a></li>
							<li><a href="">在线留言</a></li>
						</ul>
					</div>
					<div class="footer_p">
						<p> ©2015 TK科技有限公司  版权所有沪ICP证13022560号-7 All Rights Reserved</p>
					</div>
				</div>
			</footer>
		</div>
			<!--底部-->
			<!--<footer></footer>-->

			

		

		</div>
		</div>
	</body>

</html>